﻿
          <!-- /. NAV SIDE  -->
          <div id="page-wrapper">
              <div id="page-inner">
                  <div class="panel panel-default">
                          <div class="panel-heading">
                              角色列表
                          </div>
                          <select name="math" class="math" >
                              <option  value="1">1</option>
                              <option value="2" >2</option>
                              <option  value="3" selected="selected">3</option>
                              <option value="4">4</option>
                             
                          </select>
                          <div><p>每页显示条数</p></div>

                          <div class="panel-body">
                              <div class="table-responsive">
                                  <table class="table table-striped table-bordered table-hover">
                                   <thead>
                                      
                                          <tr>
                                          <th></th>
                                              <th>id</th>
                                              <th>角色名称</th>
                                        
                                              <th>权限列表</th>
                                           
                                           
                                              <th>状态</th>
                                             
                                             
                                              <th>操作</th>
                                          </tr>
                                    
                                     </thead>
                                     
                                      <tbody>
                                    
                                      <?php foreach($data as $v){?> 
                                      
                                          <tr class="cchange">
                                              <th><input type="checkbox"></th>
                                              <th class="id"><?php echo $v['id']?></th>
                                              <th filed="title" class="change"><?php echo $v['name']?></th>
  
                                              <th filed="content" class="change" > <?php echo $v['power']?></th>
                                     

                                          
                                         
                                                  <th class="adc">
 <i class="glyphicon <?php echo ($v['status']==0)?'glyphicon-remove':'glyphicon-ok';?>" cursor:pointer;   ></i>
                                               
                                               
                                              </th>
                                           
                                      
                                              
                                              <th><a href="index.php?c=role&a=adxit&admin=1&id=<?php echo $v['id'];?>" class="btn btn-info">
                                                 <i class="fa fa-pencil-square-o"></i>
                                                 编辑</a> 
                                                 <a href="index.php?c=role&a=del&admin=1&id=<?php echo $v['id'];?>""
                                                 onclick="return confirm('确定要删除？')" class="btn btn-danger">
                                                 <i class="fa fa-trash-o"></i>
                                                 删除</a>      
  </th>
                                          </tr>
                                    
                                     
                                      <?php }?>
                                      </tbody>
                                  </table>
                                  
                              <hr />
                              <ul class="pagination"> 
                               <?php echo $pages; ?>   
                              </ul>
                              </div>
                          </div>
                      </div>

              </div>
              <!-- /. PAGE INNER  -->
          </div>
          <!-- /. PAGE WRAPPER  -->
      </div>
      <!-- /. WRAPPER  -->
      <input class="PP" type="hiiden" name="" value="<?php echo $cur_page ?>" />

     <script src="resources/assets/js/jquery-1.10.2.js"></script>
    <script type="text/javascript">
  $(function() {//初始化函数之后执行
//大致流程 给要做的标签添加一个点击时间，获取到标签的属性以及id值，然后比较当前状态如是勾选的则将1存入一个新的变量里面
    //扎un个
$('tbody').on('click','.glyphicon',function(){

    var css =$(this).attr('class');  //获取到.glyphicon的属性

    var id=$(this).parent().parent().find('th:first').text();
    //抓取id的文本属性 
    if(css=='glyphicon glyphicon-remove'){

              var status=1               //将当前对象的属性的值进行比较 然后新声明一个变量 status 1代表勾 0代表x
        } else{
          var status=0
    
        }
    var add=$(this);
    
    $.ajax({
          type: 'get',
          // 发送的请求类型 get/post
          url:'index.php?admin=1&c=news&a=status',
          // 请求的路径
           data:{
             'status':status,
             'id':id,
             'check':1
           },//要提交到后台的数据
     
          // dataType:'json',
          success: function(bian) {           
            if (bian>0) {
             
                if( css=='glyphicon glyphicon-remove'){

                 add.removeClass("glyphicon-remove").addClass("glyphicon-ok");
                 
               }else if(css=='glyphicon glyphicon-ok'){
                 add.removeClass("glyphicon-ok").addClass("glyphicon-remove");

               }
              alert("审核成功");
                }else{
                  alert("审核失败");
              }
        }
    })
});



$('.math').change(function(){

       var math=$(this).val();

        var PP=$('.PP').val();

      $.ajax({
        type: 'get',
        // 发送的请求类型 get/post
        url:'index.php?admin=1&c=news&a=list',
        // 请求的路径
         data:{
           'math':math,
           'p':PP,
          
         },//要提交到后台的数据
   
        dataType:'json', //将后台返回的数据转成js的json格式
        // async:true;  //将ajax的异步传输修改成同步传输 默认情况下ajax是异步传输(true),但也支持同步传输(false)
        //success 专门接收后台服务器返回到前台的数据
        success: function(select) {

          //空变量

          var html='';
            var html =list_page(select);//二维数组
          
      
          $('tbody').html(html);//以HTML的方式替换掉tbody标签中的内容
      
          $('.pagination').html(select.pages);//

         console.log(select.data);                 
        }

    })      // alert(math);return;

    })






  $('.pagination').on('click','li',function(){//给jq无刷新生成的li=>a标签添加点击时间
   var url = $(this).find('a').attr('href');//定义A标签的指定跳转路径
    var math=$('.math').val();
 
      $.ajax({
        type: 'get',
        // 发送的请求类型 get/post
        url: url,
        // 请求的路径
       data:{
          'math':math,
         
       },//要提交到后台的数据
        dataType:'json', //将后台返回的数据转成js的json格式
        // async:true;  //将ajax的异步传输修改成同步传输 默认情况下ajax是异步传输(true),但也支持同步传输(false)
        //success 专门接收后台服务器返回到前台的数据
        success: function(json) {


       //空变量
              var  html ='';
              html =list_page(json);//二维数组
       
          

          $('tbody').html(html);//以HTML的方式替换掉tbody标签中的内容
          
          $('.pagination').html(json.pages);//获取到pagination,以pages。php生成的内容替换掉pagination中的内容----跳转页码
           
          dbclick();
              

          }
        })


      return false;//函数执行停止，阻止运行初始化函数
    })

  dbclick();

  function dbclick(){
   //数封装
   $('.cchange').on('dblclick','th.change',function(){ 



      var len = $('tbody :text').length;   //获取当前可操作的input的数量

      if (len>0) {     

         var val=$('tbody :text').val();         //如果当前可操作的标签超过1个那么就获取之前已经操作过的内容将其存入变量当中


          $('tbody :text').parent().text(val); //然后改变td里的val值
      }

         //获取到TBODY当中可操作的inputs标签
      var tet = $(this).text();    //获取到当前操作的input的标签 本内容
      var int = '<input type="text"  value="'+tet+'"/>' ;//将刚才获取的内容存到input标签的value值当中。

      $(this).html(int);  //将当前操作的input的状态改变

      $('tbody :text').focus();//绑定焦点

      $('tbody :text').blur(function(){//焦点取消
         //获取到需要修改数据的id
        var id=$(this).parent().parent().find('th:first').text();
        //获取到需要修改到的字段名
        var filed=$(this).parent().attr('filed');
    
    var val=$(this).val();//获取input标签的value值
    $(this).parent().text(val);
   
   // var val tet\]
   
    if (val==tet) {
      return  false;
    }
    $.ajax({
        type: 'post',
        // 发送的请求类型 get/post
        url:'index.php?admin=1&c=news&a=adxit',
        // 请求的路径
         data:{
          'id':id,
          'val':val,
          'filed':filed,
          
         },//要提交到后台的数据
   

        //dataType:'json', //将后台返回的数据转成js的json格式
        // async:true;  //将ajax的异步传输修改成同步传输 默认情况下ajax是异步传输(true),但也支持同步传输(false)
        //success 专门接收后台服务器返回到前台的数据
        success: function(row) {

          if (parseInt(row)>0) {
            alert('修改成功');
                  }else{
                  alert('修改失败');   
                  }

        }

    })
     
    })



    })
    } //双击
  })
function list_page(data){

  var data=data.data;
  var html = ' '; 
            for (i in data) { //使用＄DATA数组里的数据循环for(变量 in 对象)｛执行的代码｝
            html += '<tr class=cchange>';
            html += '<th>'+data[i].id+'</th>';
            html += '<th class="change">'+data[i].title +'</th>';
            var url =(data[i].url=='')?'nod.jpg':data[i].url;
            html += '<th class="change"><img width="50" height="50" src="'+url+'"></th>';
            html += '<th class="change">'+data[i].content+ '</th>';
            html += '<th>'+data[i].author +'</th>';
          html += '<th class="change">'+data[i].type +'</th>';  
      

            var status = (data[i].status== 0)?'<i class="glyphicon glyphicon-remove"></i>':'<i class="glyphicon glyphicon-ok"></i>';
            html += '<th class="adc">'+status+ '</th>';         
            html += '<th>'+data[i].send_user +'</th>';
            html += '<th>'+data[i].create_time +'</th>';
            html += '<th>';          
            html +='<a href="index.php?c=news&a=adxit&admin=1&id='+ data[i].id+'" class="btn btn-info"> ';
            html += '<i class="fa fa-pencil-square-o"></i>编辑</a>';
            html += '<a href="index.php?c=news&a=del&admin=1&id='+ data[i].id;

            html += ' onclick="return confirm('+'确定要删除？'+')" class="btn btn-danger"><i class="fa fa-trash-o"></i>删除</a>';
            html += '</th>';           
            html +='</tr > ';        
            }

            return  html;
}
    </script>